/**
 * crumb.css 
 * 面包屑样式
 * 
 * dependencies：
 * @require ../base.css
 * @require ../unit/icons.css
 * @require ../unit/tags.css
 * @require ../unit/input.css
 * 
 * modified by Oscar at 2017/04/27 09:35.
 * 
 */
@import "../components/_base.scss";

/*== 后台默认 ==*/
.breadcrumbs { background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5; padding: 0 12px 0 0; position: relative; z-index: auto;  }
.breadcrumbs before { display: inline-block; *display:inline;*zoom:1; height: 100%; vertical-align: middle; }
.breadcrumb { background-color: transparent; border-radius: 0; color: $GreyColor2; font-size: 14px; margin: 0 22px 0 12px; padding: 0;  }
.breadcrumb,
.breadcrumb > li > a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.breadcrumb .home-icon { font-size: 18px; margin-left: 2px; margin-right: 2px; vertical-align: middle; }
.breadcrumb > li > a { color: $FontColor1; line-height: 40px; }
.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus,
.breadcrumb > li > a:active{ color:$PrimaryColor; }
.breadcrumb > li + li { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '<before> &gt; </before>'+this.innerHTML); }
.breadcrumb > li + li:before,
.breadcrumb > li + li > before { color: $GreyColor3; content: ">"; display: inline-block; font-family: SimSun; font-size: 12px; text-align: center; width: 20px; }

/*== 搜索栏 ==*/
.nav-search { line-height: 24px; position: absolute; right: 22px; }
.breadcrumbs .nav-search { top: 6px; }
.nav-search .form-search { margin-bottom: 0; }
.nav-search .nav-search-input { border: 1px solid #6fb3e0; border-radius: 4px; color: #666; font-size: 13px; height: 28px; line-height: 1.3; *line-height: 1.6; padding-bottom: 2px; padding-top: 2px; transition: width 0.15s ease 0s; width: 152px; z-index: 11; }
.nav-search .nav-search-icon { background-color: transparent; color: #6fb3e0; font-size: 14px; line-height: 24px; }
/*== ./默认 ==*/

/*== 前台默认样式 ==*/
.m_crumb_default,
.m_crumb_search { background-color: transparent; padding-right: 0; border-bottom: 0; }
.m_crumb_default .breadcrumb,
.m_crumb_search .breadcrumb { margin-left: 0; }
.m_crumb_default .nav-search,
.m_crumb_search .nav-search { right: 0; }

/*== 筛选样式 ==*/
.m_crumb_search .m_tag { width: 100px; padding-right: 24px; vertical-align: middle; }
.m_crumb_search .u_tag_txt { display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
